<!doctype html>
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<html>
<f:view>
<head>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<title><h:outputText value="#{messages['pages_regist_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
   
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
    
</head>

<body style="background-color:#000">
<!-- navbar -->
<header id="header">

<div class="navbar navbar-inverse navbar-static-top border-bottom">
     <div class="navbar-inner">
       <div class="container">
         <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
         <a class="brand" href="#" ><img src="images/logo.png" alt="Online Education" /></a>
         <div class="nav-collapse collapse pull-right">
	            <ul class="nav">
	              <li>
	               
	              </li>
	            </ul>
	          
          </div>
       </div>
     </div>
</div><!--/.navbar --> 
</header>   
    <div class="container bg-white"  style="position:relative;bottom:0;top:-14	0px; padding:0;width:1250px;height:400px ">
    	 <h:form id="formid" styleClass="form-horizontal" style="margin-left:20px;margin-right:20px">
			<fieldset>
				<div class="form-white">
					<div class="control-group">
						<label class="control-label" for=""><h:outputText value="#{messages['pages_disk_serial']}" /></label>
						<div class="controls">
							<label><h:outputText value="#{loginAction.diskSerial}" /></label>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for=""><h:outputText value="#{messages['pages_regist_number']}" /></label>
						<div class="controls">
							<h:inputText id="serialNumber" value="#{loginAction.serialNumber}" />
							<span class="help-inline"><h:message for="serialNumber" style="color:red" /></span>
						</div>
					</div>
				</div>
			</fieldset>
			
			<div class="form-actions">
				<h:commandButton value="#{messages['pages_regist_btn']}" styleClass="btn btn-primary"  action="#{loginAction.sysRegist}" />
				<h:outputText value=" "></h:outputText>
			</div>
    	 </h:form>
    </div>
    <footer id="footer">
      <div style="text-align:center;height:20px"><p>Copyright &copy; 2013</p></div>
    </footer>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <!--[if IE 6]>    
  <link href="<%=request.getContextPath()%>/css/ie6.css" rel="stylesheet">
  <script src="<%=request.getContextPath()%>/js/ie6.js"></script>
<![endif]-->
    
</body>
</f:view>
</html>